body { background: url('https://mystufflist.github.io/smlwikibg.png') center; background-size: 666px; } h1 { color: #f00; font-size: 50px; font-weight: lighter; }
#container { display: flex; position: relative; max-width: 1300px; margin: 42px auto; overflow: hidden; background: linear-gradient(0deg, rgba(69,0,0) 0%, rgba(57,0,0,0.6) 69%), url('https://mystufflist.github.io/cast/images/grosstexture.jpeg') right/cover; border: solid 1px #500; image-rendering: pixelated; backdrop-filter: blur(3px); box-shadow: inset 0px 2px 16px 2px, 0px 3px 19px 2px;}
#text-content { font-family: 'imprint mt shadow'; color: #d11; padding: 10px 21px; box-sizing: border-box; font-size: 20px; max-width: 1060px; text-shadow: 0px 4px 3px rgba(0,0,0,0.3), 0px 4px 8px rgba(0,0,0,0.8), 0px 3px 14px rgba(0,0,0,0.3); } @media (max-width: 1360px) { #text-content { max-width: 70%; } }
#image-frame { width: 220px; box-sizing: border-box; padding: 0px 10px; margin: 0px 20px; border-left: 1px solid #100; right: 1px; position: absolute; }
#image-container { width: 200px; height: 230px; overflow: hidden; border: 1px solid #100; } #image-container img { width: 230px; height: auto; display: block; }
.appearance-buttons { display: flex; margin: 1px -1px; padding-left: 2px; }
button { width: 100px; border-radius: 0; color: #e00; outline: inset 2px #500; border: outset 1px #d11; background-color: #500; cursor: url('https://mystufflist.github.io/cast/images/cursorclick.png'), auto; } button:hover { background-color: #600; } button.pressed { background-color: #522; }
.text-entry { border-bottom: solid 1px #900;  margin-bottom: 10px; line-height: 33px; }
.infobox { height: 79px; width: 200px; background: #100a; border: inset 1px #800; color: #e00; box-shadow: #100 0px 5px 7px -5px; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size: 16px; line-height: 12px; }
.textbox { height: 19px; width: 200px; background: #e006; border: inset 1px #e00; color: #100; margin-top: 25px; text-align: center; line-height: 1; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size: 16px;}